$green: #1abc9c;
$red: #ff7373;
.contents {
  background: #f7f7f7;
	padding-bottom: 34px;
	.orderinfo {
		margin: 30px 0;
		.cp_r {
			width: 998px;
			.top {
				width: 100%;
				height: 140px;
				background-color: #fdfdfd;
				text-align: center;
				font-size: 18px;
				line-height: 36px;
				color: #333;
				margin-bottom: 20px;
				.waitingpay {
					color: $green;
					img {
						width: 60px;
						height: 60px;
					}
				}
				.c6 {
					color: #666;
				}
				.but_red {
					width: 120px;
					height: 40px;
					background-color: #f04844;
					border-radius: 4px;
					text-align: center;
					line-height: 40px;
					color: #fff;
				}
				.but_green {
					width: 120px;
					height: 40px;
					background-color: #ffffff;
					border-radius: 4px;
					border: solid 1px $green;
					text-align: center;
					line-height: 40px;
					color: $green;
					margin-top: 20px;
				}
			}
			.bottom {
				width: 100%;
				background-color: #ffffff;
				padding: 22px;
				.schedule {
					.schedule_item {
						.schedule_item_r1 {
							height: 60px;
							font-size: 16px;
							color: #999;
							text-align: center;
							line-height: 32px;
						}
						.schedule_item_r2 {
							margin: 20px 0;
							.greyline {
								width: 48px;
								height: 3px;
								background-color: #ddd;
							}
							.whiteline {
								width: 48px;
								height: 3px;
								background-color: #fff;
							}
							.greenline {
								width: 48px;
								height: 3px;
								background-color: $green;
							}
							.number {
								width: 60px;
								height: 60px;
								background-color: #fff;
								border: solid 1px #ddd;
								color: #ccc;
								font-size: 30px;
								line-height: 60px;
								border-radius: 30px;
								text-align: center;
							}
							.greencircle {
								background-color: $green;
								border: solid 1px #069c7e;
								color: #fff;
							}
						}
						.schedule_item_r3 {
							font-size: 18px;
							color: #999;
							text-align: center;
						}
						.greentext {
							color: $green;
						}
					}
				}
				.productinfo {
					.title {
						margin: 20px 0;
					}
					.productinfobox {
						.row2 {
							margin-top: 18px;
							.row2_1 {
								height: 50px;
								background-color: #fdfdfd;
								border: solid 1px #eeeeee;
								div {
									flex: 1;
								}
							}
							.row2_2 {
								height: 120px;
								background-color: #ffffff;
								border: solid 1px #eeeeee;
								border-top: 0;
								div {
									flex: 1;
								}
								.row2_2_1 {
									flex:2;
									img {
										width: 90px;
										height: 82px;
										margin: 0 30px 0 20px;
									}
									.text1 {
										margin-bottom: 10px;
									}
									.text2 {
										font-size: 16px;
										color: #999;
									}
								}
							}
						}
					}
				}
				.receiptinfo {
					.title {
						margin: 20px 0;
					}
					.receiptinfobox {
						padding: 30px 56px;
						font-size: 18px;
						color: #333;
						line-height: 40px;
						border: solid 1px #eeeeee;
						position: relative;
						.changeinfo {
							width: 120px;
							height: 40px;
							background-color: #ffffff;
							border-radius: 4px;
							border: solid 1px $green;
							color: $green;
							font-size: 16px;
							line-height: 40px;
							text-align: center;
							position: absolute;
							top: 50%;
							right: 40px;
							transform: translateY(-50%);
						}
					}
				}
				.total {
					width: 250px;
					margin: 20px 0;
					font-size: 20px;
					color: #333;
					line-height: 48px;
				}
			}
		}
	}
}
